.change-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;

  .avatar-wrapper {
    width: 160rpx;
    height: 160rpx;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20rpx;
    box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
  }

  .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .change-btn {
    font-size: 28rpx;
    color: #fff;
    background: #0088ff;
    border-radius: 8rpx;
    padding: 16rpx 40rpx;
  }
}
